<script setup lang="ts">
import { ref } from 'vue'
import applicationTab from './application-tab.vue'
import proTab from './pro-tab.vue'

const activeKey = ref()

</script>

<template>
  <a-card :borderer="false">
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="1" tab="应用" force-render>
        <application-tab />
      </a-tab-pane>
      <a-tab-pane key="2" tab="项目">
        <pro-tab />
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<style scoped lang="less">
:deep(.ant-list-item) {
  flex-direction: column !important;
  align-items: normal !important;
}
:deep(.ant-btn) {
  padding-left: 0;
}
</style>
